<template>
    <div class="bigbox">
        <math-header></math-header>
        <produts-list :data="data"></produts-list>
        <math-footer></math-footer>
    </div>
</template>

<script type="text/ecmascript-6">
    import MathHeader from "../components/match/MathHeader.vue";
    import MathFooter from "../components/commons/mgjfooter.vue";
    import ProdutsList from "../components/match/ProdutsList.vue";
    import shopclassify from "../../apis/shopclassify";

    export default {
        components:{
            MathHeader,
            MathFooter,
            ProdutsList
        },
        created:function(){
            this.initdata();
        },
        methods:{
            initdata:function(){
                shopclassify.getdata((data)=>{
                    this.data=data;
                })
            }
        },
        data(){
            return{
                data:[]
            }
        }
    }
</script>

<style>
    /*#app{*/
        /*font-family:"微软雅黑",Arial;*/
        /*background: #f5f5f9;*/
        /*display: flex;*/
        /*flex-direction: column;*/
        /*justify-content: space-between;*/
        /*box-sizing: inherit;*/
        /*height: 100%;*/
    /*}*/
</style>